<template>
    <div class="user">
        <h1>User: {{ $route.params.id }}</h1>
    </div>
</template>

<script>
export default {
    name: 'User',
    // watch: {
    //     $route(to, from) {
    //         // 对路由变化作出响应...
    //         console.log('当前路由', to)
    //         console.log('之前路由', from)
    //     }
    // },
    beforeRouteUpdate(to, from, next) {
        // 对路由变化作出响应...
        console.log('to 路由', to)
        console.log('from 路由', from)

        next()
    }
}
</script>